$rem: 28.125;

@mixin h($v) {
  height: #{$v/$rem}rem;
}

@mixin lh($v) {
  line-height: #{$v/$rem}rem;
}

@mixin w($v) {
  width: #{$v/$rem}rem;
}

@mixin l($v) {
  left: #{$v/$rem}rem;
}

@mixin ml($v) {
  margin-left: #{$v/$rem}rem;
}

@mixin pl($v) {
  padding-left: #{$v/$rem}rem;
}

@mixin r($v) {
  right: #{$v/$rem}rem;
}

@mixin mr($v) {
  margin-right: #{$v/$rem}rem;
}

@mixin pr($v) {
  padding-right: #{$v/$rem}rem;
}

@mixin t($v) {
  top: #{$v/$rem}rem;
}

@mixin mt($v) {
  margin-top: #{$v/$rem}rem;
}

@mixin pt($v) {
  padding-top: #{$v/$rem}rem;
}

@mixin b($v) {
  bottom: #{$v/$rem}rem;
}

@mixin mb($v) {
  margin-bottom: #{$v/$rem}rem;
}

@mixin pb($v) {
  padding-bottom: #{$v/$rem}rem;
}

@mixin fs($v) {
  font-size: #{$v/$rem}rem;
}

@mixin bd($v,$type,$color) {
  border: #{$v/$rem}rem #{$type} #{$color};
}

@mixin bord-top($v,$type,$color) {
  border-top: #{$v/$rem}rem #{$type} #{$color};
}

@mixin border-butt($v,$type,$color) {
  border-bottom: #{$v/$rem}rem #{$type} #{$color};
}
@mixin bdr($v) {
  border-radius: #{$v/$rem}rem;
}
@mixin bgp($v,$x) {
  background-position: #{$v/$rem}rem #{$x/$rem}rem;
}
@mixin bgs($v,$x) {
  background-size: #{$v/$rem}rem #{$x/$rem}rem;
}
@mixin pad($v,$x,$y,$z) {
  padding: #{$v/$rem}rem #{$x/$rem}rem #{$y/$rem}rem #{$z/$rem}rem;
}
@mixin mag($v,$x,$y,$z) {
  margin: #{$v/$rem}rem #{$x/$rem}rem #{$y/$rem}rem #{$z/$rem}rem;
}
@mixin bgs($v,$x) {
  background-size: #{$v/$rem}rem #{$x/$rem}rem;
}
@mixin bdt($v,$x) {
  border-top: #{$v/$rem}rem solid $x;
}
@mixin bdb($v,$x) {
  border-bottom: #{$v/$rem}rem solid $x;
}
@mixin bdl($v,$x) {
  border-left: #{$v/$rem}rem solid $x;
}
@mixin bdrig($v,$x) {
  border-right: #{$v/$rem}rem solid $x;
}
.bordersanjiao {
  @include bdt(20,transparent);
  @include bdb(40,#ffffff);
  @include bdl(22,transparent);
  @include bdrig(22,transparent);
}

